<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 下面的这个是利用bootstrap要引入的 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <!--y用bootstrap的css样式-->
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
</head>

<body>
  <!-- 注意这个文件的打开要开服务器要根据配置文件看端口号根据localhost加端口号来打开首页 -->
    <!-- 复制bootstap中导航条的代码对于要用的 留下不用的删除 -->
    <div class="container ">
      <header></header>
          <!-- 导航下边有个提示  外边要包个div行-->
          <div class="row">
              <!-- 利用栅格系统，栅格系统有个列偏移，这个可以让 元素实现居中的效果 -->
              <div class="alert alert-info col-md-10 col-md-offset-1" role="alert">基s于NodeJS+Express+EJS+MongoDB的拉勾网后台管理系统</div>
          </div>
          
        </div>
        <!-- 注册的模态框 模态框中套表单 -->
        
        <!-- 登录的模态框 -->
        
    <script src="/lib/jquery/jquery-1.12.4.min.js"></script>
    <!-- 因为bootstrap中的jQuery插件是基于jQuery的 所以先引入jQuery -->
    <script src="/lib/bootstrap/js/bootstrap.min.js"></script>
    <!-- 利用boostrap引入相关js -->
    <script src="/js/common/loginmodule.js"></script>
    <script src="/js/common/registermodule.js"></script>
    <script src="/js/common/header.js"></script>
    <!-- 对象与对象之间的联系 -->
    
</body>
</html>